import React,{Component} from 'react';
import {Card, Progress, Row, Col} from 'antd';
import './CodeExp.less';
import {DollarCircleFilled} from '@ant-design/icons';
class CodeExp extends Component{
    constructor(props) {
        super(props);
        this.state={
            oldExp:{
                percent: 20,
                strokeColor: 'rgb(186,146,237)'
            }
        }
    }

    render() {
        return (
            <>
                <Card className={'expCard'}>
                    <Row>
                        <Col span={8}>
                            <p style={{fontSize:30,fontWeight:'bold',marginBottom:10}}>冷猫猫</p>
                            <p style={{fontSize:25,marginBottom:10}}> Code EXP</p>
                        </Col>
                        <Col span={16} style={{}}>
                            <p style={{fontSize:25,fontWeight:'bold'}}>Level 12 (235,020 XP) (+649)</p>
                            <Progress percent={50} status="active" strokeWidth={15} strokeColor='rgb(242,184,102)'success={this.state.oldExp}/>
                        </Col>
                    </Row>
                </Card>
            </>
        )
    }
}

export default CodeExp;